<template>
    <div class="app-container">
        <nav>
            <!-- <router-link to="/login">登录</router-link> |  -->
            <router-link :to="{ name: 'login' }">登录</router-link>
            |
            <router-link to="/student-infos">学生信息</router-link>
            |
            <router-link to="/register">🐟</router-link>
            |
            <router-link to="/work">work</router-link>
            <!-- <router-link :to="{ name: 'Student Infos', params:{ class: 'test' } }">学生信息2</router-link> -->
        </nav>
        <main class="content">
            <router-view></router-view>
        </main>
        <footer>
            <CopyRight />
        </footer>
    </div>
</template>

<script setup>
import CopyRight from '@/components/CopyRight.vue'
import { ref, onMounted } from 'vue'

onMounted(() => {})
</script>

<style>
.app-container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
}

.content {
    flex: 1;
    padding-bottom: 60px;
}

footer {
    text-align: center;
}
</style>
